<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>字体样式 文本外观属性设置</title>
    <style>
        .changed {
            /* 字体样式设置 */
            font-size: 40px;
            font-family: "宋体";
            font-weight: bold;
            font-style: italic;
            /* 文本外观样式 */
            color: rgb(0, 255, 100);
            line-height: 200%;
            text-decoration: underline;
            /* 文本缩进2个字符 */
            text-indent: 2em;
            text-shadow: 10px 10px 5px rgba(0, 255, 255, 0.5);
            ;
        }
        
        a:hover {
            color: red;
        }
    </style>

</head>

<body>
    <!-- 文本标签 -->
    <h1>H1</h1>
    <h2>H2</h2>
    <h3>H3</h3>
    <h4>H4</h4>
    <h5>H5</h5>
    <h6>H6</h6>
    <p>改变中国IT教育，我们正在行动。</p>
    <p class="changed">改变中国IT教育，我们正在行动。</p>
    <details>详细部分</details>
    <summary>总结标题</summary>
    <article>独立部分文章</article>
    <header>页眉</header>
    <footer>页脚</footer>
    <aside>辅助</aside>
    <mark>突出显示</mark>
    <br>
    <time datetime="datetime">时间</time>
    <progress value="" max=""></progress>

</body>

</html>